<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
    <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="description" content="jQuery.print is a plugin for printing specific parts of a page">
        <meta name="viewport" content="width=device-width">
        <!--link rel="stylesheet" href="css/normalize.min.css"-->
    <title>組裝規格書</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">	
    <link rel="stylesheet" href="./4/lumen/bootstrap.css" media="screen">
    <link rel="stylesheet" href="./_assets/css/custom.min.css">
  </head>
  <body>
  <div class="container">
	<form>
	  <fieldset>
		<legend>組裝規格書</legend>
		<div class="form-group row">
		  <label class="col-sm-2 col-form-label" for="inputDefault">工單號:</label>
		  <div class="col-sm-10">
		  <input class="form-control" placeholder="W7C14H" id="wo" type="text">
		  </div>
		</div>	
		<div class="form-group row">
		  <label class="col-sm-2 col-form-label" for="inputDefault">張數:</label>
		  <div class="col-sm-10">
		  <input class="form-control" placeholder="50" id="sbox" type="text">
		  <input readonly="" class="form-control-plaintext" id="msg" value="" type="text">
		  </div>
		</div>
		<div class="form-group row">
			<button class="print-link no-print" onclick="jQuery.print()">
                列印
			</button>		
		</div>
		<div class="row">	
<div id="print-area">
<div class="titlebar">
	<I><b>入库单</b></I>
	<div id="qrcodeCanvas"></div>
</div>
  <table width="100%" class="datatable" border="1">
      <tr>
          <td class="label" colspan="2" width="10%">项目名称</td>
          <td>入库测试项目</td>
          <td class="label">仓库名称</td>
          <td colspan="3">仓库测试名称</td>
          <td class="label">入库时间</td>
          <td width="12%" align="center">2015-06-22</td>
      </tr>
      <tr class="label">
          <td width="5%">序号</td>
          <td colspan="2">物资名称</td>
          <td>规格型号</td><td>计量单位</td><td>单价</td><td>本次入库数量</td><td>金额</td><td>备注</td>
      </tr>
    <tr>
        <td align="center">1</td>
        <td colspan="2">混凝土</td>
        <td>C20</td>
        <td>立方</td>
        <td align="right">340</td>
        <td align="right">72</td>
        <td align="right">24,480</td>
        <td></td>
    </tr>
    <tr>
        <td align="center">2</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">3</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">4</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">5</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">6</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">7</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">8</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">9</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">10</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td class="label">合计</td>
        <td colspan="7" align="right">24,480</td>
        <td></td>
    </tr>
      <tr>
          <td class="label" colspan="2" rowspan="2">注意事项</td>
          <td colspan="7">1、白联：存根                     红联：财务联                   黄联：审核联</td>
      </tr>
      <tr>
          <td colspan="7">2、出入库过程每个环节需相关负责人核对无误后签字</td>
      </tr>
    </table>

    <table width="100%">
        <tr>
            <td width="30%">库管：测试库管(签字)</td>
            <td width="30%">收货人：(签字)</td>
            <td width="30%">经办人：测试库管(签字)</td>
            <td align="right">第1/1页</td>
        </tr>
    </table>
	<div style="page-break-after:always"></div>

	<div class="titlebar">
		<I><b>入库单</b></I>
		<div id="qrcodeCanvas2"></div>
	</div>

  <table width="100%" class="datatable" border="1">
      <tr>
          <td class="label" colspan="2" width="10%">项目名称</td>
          <td>入库测试项目</td>
          <td class="label">仓库名称</td>
          <td colspan="3">仓库测试名称</td>
          <td class="label">入库时间</td>
          <td width="12%" align="center">2015-06-22</td>
      </tr>
      <tr class="label">
          <td width="5%">序号</td>
          <td colspan="2">物资名称</td>
          <td>规格型号</td><td>计量单位</td><td>单价</td><td>本次入库数量</td><td>金额</td><td>备注</td>
      </tr>
    <tr>
        <td align="center">1</td>
        <td colspan="2">混凝土</td>
        <td>C20</td>
        <td>立方</td>
        <td align="right">340</td>
        <td align="right">72</td>
        <td align="right">24,480</td>
        <td></td>
    </tr>
    <tr>
        <td align="center">2</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">3</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">4</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">5</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">6</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">7</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">8</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">9</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td align="center">10</td>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td align="right"></td>
        <td></td>
    </tr>
    <tr>
        <td class="label">合计</td>
        <td colspan="7" align="right">24,480</td>
        <td></td>
    </tr>
      <tr>
          <td class="label" colspan="2" rowspan="2">注意事项</td>
          <td colspan="7">1、白联：存根                     红联：财务联                   黄联：审核联</td>
      </tr>
      <tr>
          <td colspan="7">2、出入库过程每个环节需相关负责人核对无误后签字</td>
      </tr>
    </table>
    <table width="100%">
        <tr>
            <td width="30%">库管：测试库管(签字)</td>
            <td width="30%">收货人：(签字)</td>
            <td width="30%">经办人：测试库管(签字)</td>
            <td align="right">第1/1页</td>
        </tr>
    </table>
    </div>
		</div>
	</form>
	<p class="lead">
    <a class="btn btn-primary btn-lg" href="index.html" role="button">返回</a>
	</p>
	
	</div>
    <!--script src="./_vendor/jquery/dist/jquery.min.js"></script-->
	<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <script src="./_vendor/popper.js/dist/umd/popper.min.js"></script>
    <script src="./_vendor/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="./_assets/js/custom.js"></script>
    <script src="jQuery.print.js"></script>
	<script type="text/javascript" src="jquery.qrcode.js"></script>
	<script type="text/javascript" src="qrcode.js"></script>
	
       <script type='text/javascript'>
        jQuery(function($) { 'use strict';
            $("#ele2").find('.print-link').on('click', function() {
                //Print ele2 with default options
                $.print("#ele2");
            });
		});
		
		jQuery('#qrcodeCanvas').qrcode({
		width: 64,height: 64,
		text	: "W7C14H-001"
		});	

		jQuery('#qrcodeCanvas2').qrcode({
		width: 64,height: 64,
		text	: "W7C14H-002"
		});	
		
        </script>	
	
  </body>
</html>
